// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 轮播图功能
    initCarousel();
    
    // 汉堡菜单功能
    initMenuToggle();
    
    // 行程卡片渐入动画
    initDayAnimation();
    
    // 景点点击事件
    initAttractionClick();
});

// 轮播图初始化
function initCarousel() {
    const items = document.querySelectorAll('.carousel-item');
    const indicators = document.querySelectorAll('.indicator');
    const prevBtn = document.querySelector('.carousel-control.prev');
    const nextBtn = document.querySelector('.carousel-control.next');
    let currentIndex = 0;
    let interval;
    
    // 显示指定索引的轮播项
    function showItem(index) {
        // 隐藏所有项
        items.forEach(item => {
            item.classList.remove('active');
        });
        
        // 重置所有指示器
        indicators.forEach(indicator => {
            indicator.classList.remove('active');
        });
        
        // 显示当前项
        items[index].classList.add('active');
        indicators[index].classList.add('active');
        currentIndex = index;
    }
    
    // 下一项
    function nextItem() {
        let index = currentIndex + 1;
        if (index >= items.length) index = 0;
        showItem(index);
    }
    
    // 上一项
    function prevItem() {
        let index = currentIndex - 1;
        if (index < 0) index = items.length - 1;
        showItem(index);
    }
    
    // 自动播放
    function startAutoPlay() {
        interval = setInterval(nextItem, 5000);
    }
    
    // 事件绑定
    prevBtn.addEventListener('click', function() {
        clearInterval(interval);
        prevItem();
        startAutoPlay();
    });
    
    nextBtn.addEventListener('click', function() {
        clearInterval(interval);
        nextItem();
        startAutoPlay();
    });
    
    // 指示器点击事件
    indicatorsClickHandler();
    
    function indicatorClickHandler() {
        indicators.forEach((indicator, index) => {
            indicator.addEventListener('click', function() {
                clearInterval(interval);
                showItem(index);
                startAutoPlay();
            });
        });
    }
    
    // 开始自动播放
    startAutoPlay();
}

// 汉堡菜单切换
function initMenuToggle() {
    const menuToggle = document.querySelector('.menu-toggle');
    const mainMenu = document.querySelector('.main-menu ul');
    
    menuToggle.addEventListener('click', function() {
        mainMenu.classList.toggle('show');
    });
}

// 行程卡片动画
function initDayAnimation() {
    const dayContainers = document.querySelectorAll('.day-container');
    
    // 初始设置延迟动画
    dayContainers.forEach((container, index) => {
        container.style.animationDelay = `${index * 0.3}s`;
    });
    
    // 监听滚动，实现滚动时动画
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.style.opacity = 1;
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.1 });
    
    dayContainers.forEach(container => {
        observer.observe(container);
    });
}

// 景点点击事件
function initAttractionClick() {
    const attractionPoints = document.querySelectorAll('.attraction-point');
    
    attractionPoints.forEach(point => {
        point.addEventListener('click', function() {
            // 获取景点名称
            const name = this.querySelector('h4').textContent;
            
            // 在实际应用中，这里可以跳转到对应的景点详情页
            // 这里使用弹窗模拟
            alert(`您点击了：${name}\n在实际应用中，这里会跳转到该景点的详情页面`);
        });
    });
}

// 美食项目点击事件
document.querySelectorAll('.food-item').forEach(item => {
    item.addEventListener('click', function() {
        const name = this.querySelector('h4').textContent;
        alert(`您点击了：${name}\n在实际应用中，这里会显示该美食的详细信息`);
    });
});